import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import path from "path";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  mode: "development", // 运行编译模式
  // 路径别名
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src")
    }
  },
  css: {
    preprocessorOptions: {
      scss: {
        javascriptEnabled: true,
        api: 'modern-compiler', // 修改api调用方式
        silenceDeprecations: ['legacy-js-api']
      }
    },
  },
  base: "./", // 避免打包访问后空白页面， 要加上， 不然线上也访问不了
  build: {
    outDir: "dist", // 输出路径
    assetsDir: "assets", // 静态资源路径
    sourcemap: true, //是否构建source map 文件```
    minify: "terser",
    terserOptions: {
      compress: {
        drop_console: true, // 生产环境移除console
        drop_debugger: true // 生产环境移除debugger
      }
    }
  },
  server: {
    port: 8899,
    host: "0.0.0.0",
    open: false, // 自动打开浏览器
    cors: true, // 跨域
    https: false, // 是否开启 https
    proxy: {
      "/api": {
        // target: `http://117.72.109.6:8000`,
        target: `http://127.0.0.1:8000`,

        // target: `http${IP}6001`,
        secure: false, // 发起请求是否为https
        changeOrigin: true, // 开启代理
        rewrite: (path) => path.replace(/^\/api/, "")
      },
    }
  }
});
